<template lang="">
  <div class="details">
    <van-nav-bar title="机构" left-arrow />
    <div><img src="./images/大图.png" /></div>
    <h5>川艺联盟教育培训机构</h5>
    <div class="dian"></div>
    <div class="neirong">
      川艺联盟艺考以小班VIP精品教学及全程一站式备考带考服务为主打特色，致力于培养考生以优异成绩踏入四川音乐学院、四川传媒学院、北京舞蹈学院、中央戏剧学院、北京电影学院、中国传媒大学、上海戏剧学院等全国高等艺术学府的大门。师资团队特汲取国内高等艺术院校的专业训练体系精华，结合各个院校及专业的考试特点，凭借十六年教学积淀，精心研发针对艺术高考生的备考课程，为学员搭建直通各大高等艺术院校的桥梁。
    </div>
    <div class="btn">
      <van-button color="#F07203">单色按钮</van-button>
      <van-button color="#F07203">单色按钮</van-button>
      <van-button color="#F07203">单色按钮</van-button>
    </div>
    <div style="padding-left:15px;margin-top:15px">
      <img src="./images/组 1(10).png" />
    </div>
    <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
      <van-swipe-item>
        <img src="./images/组 1(9).png" />
      </van-swipe-item>
      <van-swipe-item>2</van-swipe-item>
      <van-swipe-item>3</van-swipe-item>
      <van-swipe-item>4</van-swipe-item>
    </van-swipe>
    <div class="information">课程信息</div>

    <div class="fet">
      <div>
        <div><img src="./images/组 1(8).png" /></div>
        <div class="kecheng">舞蹈专业</div>
      </div>
      <div>
        <div><img src="./images/组 1(8).png" /></div>
        <div class="kecheng">舞蹈专业</div>
      </div>
      <div>
        <div><img src="./images/组 1(8).png" /></div>
        <div class="kecheng">舞蹈专业</div>
      </div>
      <div>
        <div><img src="./images/组 1(8).png" /></div>
        <div class="kecheng">舞蹈专业</div>
      </div>
    </div>
    <div class="information">专家信息</div>

    <div class="fets">
      <div>
        <img src="./images/组 1(4).png" />
        <div style="width:345px;background-color:#ffffff;margin-top:-3.5px;">
          <h5>孙运畅 主任</h5>
          <div class="list">
            <div>◎四川省舞蹈家协会会员；</div>
            <div>
              ◎四川音乐学院舞蹈系中国舞专业，毕业后在四川师范大学舞蹈学院担任本科班助教实习。
            </div>
            2010年参加北京舞蹈学院编导大师成都班，培训并结业，新丝路模特大赛四川赛区前20强，舞蹈作品《冲-2008》获“12·9学生运动71周年”舞蹈比赛三等奖，多次参加四川电视台春节晚会演出。
          </div>
        </div>
      </div>
    </div>
    <div class="fets">
      <div>
        <img src="./images/组 1(4).png" />
        <div style="width:345px;background-color:#ffffff;margin-top:-3.5px;">
          <h5>孙运畅 主任</h5>
          <div class="list">
            <div>◎四川省舞蹈家协会会员；</div>
            <div>
              ◎四川音乐学院舞蹈系中国舞专业，毕业后在四川师范大学舞蹈学院担任本科班助教实习。
            </div>
            2010年参加北京舞蹈学院编导大师成都班，培训并结业，新丝路模特大赛四川赛区前20强，舞蹈作品《冲-2008》获“12·9学生运动71周年”舞蹈比赛三等奖，多次参加四川电视台春节晚会演出。
          </div>
        </div>
      </div>
    </div>
    <div class="information">学校介绍</div>
    <div class="schools">
      <div class="kong"></div>
      <div class="school"><img src="./images/组 1(2).png" class="img1" /></div>
      <div class="dance3">
        <h5 class="dance">舞蹈艺术，美的梦想</h5>
        <div class="dance2">
          舞蹈作为艺考生大军中的主流不对，各方面考核严格也是很多人都知道的，所以艺考前了解考试题目对成绩的提高也是非常重要的，所以艺考生一定要知道舞蹈艺考内容。
        </div>
      </div>
    </div>
    <div class="kong2"></div>
    <div class="environment">
      <div><img src="./images/组 1(1).png" /></div>
      <div class="environment3">
        <h5 class="environment1">学习环境，氛围浓厚</h5>
        <div class="environment2">
          独栋教学楼，位于龙泉驿区总部经济港内，环境闲适，安静舒雅。学校硬件设施：拥有舞蹈练功房、琴房、传媒表演剧场等现代化教学设施和全屋中央空调开放的高端配置教育机构，开设独立的学子餐厅、电子阅览室。
        </div>
      </div>
    </div>
    <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
      <van-swipe-item>
        <img src="./images/组 1(9).png" />
      </van-swipe-item>
      <van-swipe-item>2</van-swipe-item>
      <van-swipe-item>3</van-swipe-item>
      <van-swipe-item>4</van-swipe-item>
    </van-swipe>
    <div class="Introduction">
      <div>川艺联盟•府韵舞蹈培训学校（原四川师范大学舞蹈学院培训中心）</div>
      <div>
        实行全封闭式管理，是省内艺考培训办学时间长、专家师资多、硬件配置高、学习环境佳，集吃住学于一体的大型考前培训基地。
      </div>
    </div>
  </div>
</template>
<script>
export default {
  data () {
    return {
      images: ['./images/组 1(9).png']
    }
  }
}
</script>
<style>
* {
  padding: 0;
  margin: 0;
}
html {
  background-color: #f7f7f7;
}
.dian {
  width: 29px;
  height: 4px;
  background-color: #f07203;
}
.neirong {
  font-size: 13px;
}
.btn {
  display: flex;
  justify-content: space-around;
}
.my-swipe {
  padding-left: 15px;
  margin-top: 15px;
}
.information {
  font-size: 17px;
  text-align: center;
  padding-top: 25px;
  background: url("../../images/矩形 2.png") no-repeat bottom;
}
.kecheng {
  width: 165px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 14px;
  background-color: #fff;
  margin-top: -3.5px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  margin-bottom: 15px;
}
.fet {
  margin-top: 15px;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}
.fets {
  padding-left: 15px;
  margin-top: 15px;
}
.list {
  font-size: 12px;
}
.school {
  padding-left: 32.5px;
  z-index: 9999;
  margin-bottom: 51.5px;
}
.img1 {
  z-index: 9999;
}
.schools {
  position: relative;
}
.kong {
  position: absolute;
  width: 305px;
  height: 110px;
  background-color: #f07203;
  top: 120.5px;
  left: 55px;
  z-index: 0;
}
.dance3 {
  padding-left: 16px;
}
.dance {
  color: #f07203;
}
.dance2 {
  font-size: 14px;
}
.kong2 {
  width: 345px;
  height: 4px;
  background-color: #ffe5cd;
  margin-top: 19.5px;
  margin-bottom: 25px;
  margin-left: 15px;
}
.environment {
  margin-left: 15px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 28.5px;
}
.environment1 {
  color: #f07203;
}
.environment2 {
  font-size: 14px;
}
.environment3 {
  width: 143px;
  height: 228px;
  margin-right: 15px;
}
.Introduction {
  margin-top: 43.5px;
  font-size: 12px;
  margin-left: 16px;
  margin-bottom: 63px;
  line-height: 22px;
}
</style>
